<script setup>
import ModelGenInput from "@/views/AIGen3D/components/ModelGenInput.vue";
import ModelShow from "@/views/AIGen3D/components/ModelShow.vue";
import {ref} from "vue"

const genSameModel = ref("");

// 生成相同模型
function onGenSameModel(param){
  console.log("生成相同模型", param);
  genSameModel.value = param;
}
</script>

<template>
  <div>
    <div class="modelBody">
      <!--生成类型选项-->
      <div class="modelInput g-card">
        <ModelGenInput :genSameModelJob="genSameModel" />
      </div>
      <!-- 生成结果展示-->
      <div class="modelShow g-card">
        <ModelShow @onGenSameModel="onGenSameModel"/>
      </div>
    </div>

  </div>
</template>

<style scoped lang="scss">

.modelBody{
  display: flex;
  flex-direction: row;
}

// 模型输入区
.modelInput{
  width: 20vw;
  height: 85vh;
  //padding: 10px;
  //border: 1px solid red;
}

// 模型展示区
.modelShow{
  width: 80vw;
  max-width: 80vw;
  //border: 1px solid #000000;
}

</style>
